<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浮动布局作业</title>
<link rel="stylesheet" href="css/浮动布局作业.css">
</head>
<body>
<ul class="list">
    <li class="clear">
        <div class="pic">
            <img src="img/1.jpg" alt="">
        </div>
        <div class="title">
            <h3>万能解答工具</h3>
            <p>神秘的网站</p>
            <a href="http:www.baidu.com">查阅</a>
        </div>
    </li>
    <li class="clear">
        <div class="pic">
            <img src="img/3.jpg" alt="">
        </div>
        <div class="title">
            <h3>万能学习工具</h3>
            <p>最全学习网站</p>
            <a href="http:www.bilibili.com">查阅</a>
        </div>
    </li>
    <li class="clear">
        <div class="pic">
            <img src="img/2.jpg" alt="">
        </div>
        <div class="title">
            <h3>心中有党</h3>
            <p>学而时习之</p>
            <a href="http:www.xuexi.cn">查阅</a>
        </div>
    </li>
</ul>
</body>
</html>